<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>学而思</title>
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="js/layui/css/layui.css">
		<link rel="stylesheet" href="css/bootstrap-3.3.7-dist/css/bootstrap.min.css">
		<link rel="stylesheet" href="css/swiper-4.4.2/dist/css/swiper.min.css" />
	</head>

	<body>
		<div class="fixed ce flex flex-wrap justify-center">
			<div class="biank cursor relative">
				<img src="img/girl1.png"/>
				<div class="cc absolute text-center" >Hi!欢迎来咨询</div>
				<div class="after absolute"></div>
			</div>
			<ul style="margin-top: 10px;border: 1px solid #FF3300;width: 72px;">
				<li class="listbian li1" >
					<div class="cetp">
					</div>
					<div class="cewz">
						价格咨询
					</div>
					
				</li>
				<li class="listbian li2">
					<div class="cetp" style="background-position: 0px -30px;">
					</div>
					<div class="cewz">
						在线咨询
					</div>
				</li>
				<li class="listbian  li3">
					<div class="cetp" style="background-position: 0px -60px;">
					</div>
					<div class="cewz">
						课程预约
					</div>
				</li>
				<li class="listbian relative  li4" style="border: none;">
					<div class="cetp" style="background-position: 0px -90px;">
					</div>
					<div class="cewz">
						电话咨询
					</div>
					<div class="cc absolute text-center" >4008-118-116</div>
				    <div class="after absolute"></div>
				</li>
			</ul>
		</div>
		<div class="container-fluid border1">
			<div class="container  font14 flex align-center" style="height: 35px;">学而思爱智康专注中小学个性化教育</div>
		</div>
		<!-- 导航栏 -->
		<div class="container " style="height: 75px;">
			<div class="flex align justify padding0P">
				<img src="img/logo.png" />
				<div class="box">
					<ul class="list-unstyled flex justify align margin100 padding0" style="height:75px;position: relative">
						<li v-for="(item,index) in arr">{{item}}</li>
						<div class="hot"></div>
					</ul>

				</div>
				<div class="phone flex align justify">
					<img src="img/tel.png" class="phone-img">
					<div class="phone-ziti">4008-118-116</div>
				</div>
			</div>
		</div>
		<!-- lunbo -->

		<div class="flex justifycenter">
			<div class="swiper-container">
				<div class="swiper-wrapper ">
					<div class="swiper-slide pointer"><img src="img/banner-1.jpg"/></div>
					<div class="swiper-slide pointer"><img src="img/banner-5.jpg"/></div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>

				<!-- 如果需要导航按钮 -->
				<div class="swiper-button-prev" style="margin-left: 100px;"></div>
				<div class="swiper-button-next" style="margin-right: 100px;"></div>

			</div>
		</div>
		<div class="container  text-center padding0">
			<h1>学而思爱智康个性化定制课程</h1>
			<h3 class="botred"></h3>
			<h4 class="padding1">因材施教、明确目标、针对辅导、思维与技巧同练</h4>
			<ul class="flex justify-between width1000 marginauto">
				<li class="wihe border1 flex justify-center flex-wrap ">
					<img style="width: 100%;height: 180px;" src="img/c01.png">
					<strong>授课对象：小初高各年级</strong>
					<div style="width:130px;height:40px;font-size: 18px;" class="border2 flex justify-center align-center">课程详情</div>
				</li>
				<li class="wihe border1 flex justify-center flex-wrap">
					<img style="width: 100%;height: 180px;" src="img/c1.jpg">
					<strong>授课对象：小学1-6年级</strong>
					<div style="width:130px;height:40px;font-size: 18px;" class="border2 flex justify-center align-center">课程详情</div>
				</li>
				<li class="wihe border1 flex justify-center flex-wrap">
					<img style="width: 100%;height: 180px;" src="img/c2.jpg">
					<strong>授课对象：初中1-3年级</strong>
					<div style="width:130px;height:40px;font-size: 18px;" class="border2 flex justify-center align-center">课程详情</div>
				</li>
				<li class="wihe border1 flex justify-center flex-wrap">
					<img style="width: 100%;height: 180px;" src="img/c3.jpg">
					<strong>授课对象：高中1-3年级</strong>
					<div style="width:130px;height:40px;font-size: 18px;" class="border2 flex justify-center align-center">课程详情</div>
				</li>
			</ul>
			<!-- 表单 -->

			<div class="boxshdow marginauto padding0" style="height:270px;width: 1000px;margin-top: 30px;">
				<div class="flex justify-center">
					<img src="img/form-li.png" alt="">
					<span class="font16 intent"><span class="hoverred">99元</span>课时1对1面授点拨课</span>
				</div>
				<div class="padding1 flex justify-center flex-wrap">
					<form class="flex justify-between">
						<div class="form-group">
							<input type="text" class="intent inputstyle" id="exampleInputName2" placeholder="姓名：">
						</div>
						<div class="form-group">
							<input type="text" class="intent inputstyle" id="exampleInputEmail2" placeholder="电话：">
						</div>
					</form>
					<div class="g-select-box">
						<p class="g-select-control intent">年级：</p>
						<ul class="g-select-down">
							<li class="option">三年级</li>
							<li class="option">四年级</li>
							<li class="option">五年级</li>
							<li class="option">六年级</li>
							<li class="option">初一年级</li>
							<li class="option">初二年级</li>
							<li class="option">初三年级</li>
							<li class="option">高一年级</li>
							<li class="option">高二年级</li>
							<li class="option">高三年级</li>
						</ul>
					</div>
					<div class="g-select-box">
						<p class="g-select-control intent">学科：</p>
						<ul class="g-select-down">
							<li class="option">数学</li>
							<li class="option">语文</li>
							<li class="option">英语</li>
							<li class="option">物理</li>
							<li class="option">化学</li>
						</ul>
					</div>
					<div class="g-select-box">
						<p class="g-select-control intent">学习中心：</p>
						<ul class="g-select-down">
							<li class="option">
								<p>鼓楼区</p>
								<ul class="submenu">
									<li>百家湖学习中心</li>
								</ul>
							</li>
							<li class="option">
								<p>秦淮区</p>
								<ul class="submenu">
									<li>中山东路学习中心</li>

								</ul>
							</li>
							<li class="option">
								<p>江宁区</p>
								<ul class="submenu">
									<li>百家湖学习中心</li>

								</ul>
							</li>
							<li class="option">
								<p>建邺区</p>
								<ul class="submenu">
									<li>奥体学习中心</li>

								</ul>
							</li>
						</ul>
					</div>
					<div class="border3 flex justify-center align-center">立即注册</div>
				</div>
				<div class="flex justify-center">
					<span class="font16 intent">*老师会尽快与您取得电话联系</span>
				</div>
			</div>
		</div>

		<!-- 第三部分 -->

		<div class="container-fluid padding0" style="background:#eee;">
			<div class="container  text-center padding0">
				<h1>学而思爱智康授课形式</h1>
				<h3 class="botred"></h3>
				<ul class="width1000 marginauto flex justify-between" style="margin-top:20px; ">
					<li class="wihe flex flex-wrap justify-center" style="width:300px;">
						<img src="img/course-type1.png" style="width:100%;height: 200px;">
						<span class="span1">1对1</span>
						<div style="width:130px;height:40px;" class="font18 border2 flex justify-center align-center">查看详情</div>
					</li>
					<li class="wihe flex flex-wrap justify-center" style="width:300px;">
						<img src="img/course-type2.png" style="width:100%;height: 200px;">
						<span class="span1">8人班</span>
						<div style="width:130px;height:40px;" class="font18 border2 flex justify-center align-center">查看详情</div>
					</li>
					<li class="wihe flex flex-wrap justify-center" style="width:300px;">
						<img src="img/course-type3.png" style="width:100%;height: 200px;">
						<span class="span1">在线课</span>
						<div style="width:130px;height:40px;" class="font18 border2 flex justify-center align-center">查看详情</div>
					</li>
				</ul>
			</div>
		</div>

		<!-- 第四部分 -->
		<div class="container-fluid padding0">
			<div class="container text-center padding0">
				<h1>学而思爱智康服务体系</h1>
				<h3 class="botred"></h3>
				<ul class="width1000 marginauto flex justify-between" style="margin-top:20px; ">
					<li class="wihe flex flex-wrap justify-center align-center" style="width:300px;height: 200px;">
						<img src="img/cn1.png" width="90px" height="68px">
						<span class="span1">不满意换老师</span>
					</li>
					<li class="wihe flex flex-wrap justify-center align-center" style="width:300px;height: 200px;">
						<img src="img/cn2.png" width="90px" height="68px">
						<span class="span1">不放心可旁听</span>
					</li>
					<li class="wihe flex flex-wrap justify-center align-center" style="width:300px;height: 200px;">
						<img src="img/cn3.png" width="90px" height="68px">
						<span class="span1">不满意退余费</span>
					</li>
				</ul>
			</div>
		</div>
		<!-- 第五部分 -->
		<div class="container-fluid padding0" style="background:#eee;">
			<div class="container text-center padding0">
				<h1>学而思爱智康教学团队</h1>
				<ul class="xuan width1000 marginauto flex justify-between" style="margin-top:20px; ">
					<li class="wihe flex flex-wrap justify-center align-center">
						<img src="img/pic_01.jpg" class="imagesize" alt="">
						<div class="ban flex justify-between align-center padding2">
							<span class="font18">黄帆</span>
							<span>学而思爱智康数学教师</span>
						</div>
						<div class="listadd imagesize flex justify-center flex-wrap">
							<h2 style="width:100%;">黄帆</h2>
							<span>学而思爱智康数学教师</span>
							<div class="hr marginauto" style="margin-top:20px;"></div>
							<div class="hr1 marginauto font18 flex justify-center align-center">1V1与老师交流</div>
						</div>
					</li>
					<li class="wihe flex flex-wrap justify-center align-center">
						<img src="img/pic_02.jpg" class="imagesize" alt="">
						<div class="ban flex justify-between align-center padding2">
							<span class="font18">肖凌云</span>
							<span>学而思爱智康化学老师</span>
						</div>
						<div class="listadd imagesize flex justify-center flex-wrap">
							<h2 style="width:100%;">肖凌云</h2>
							<span>学而思爱智康化学老师</span>
							<div class="hr marginauto" style="margin-top:20px;"></div>
							<div class="hr1 marginauto font18 flex justify-center align-center">1V1与老师交流</div>
						</div>
					</li>
					<li class="wihe flex flex-wrap justify-center align-center">
						<img src="img/pic_03.jpg" class="imagesize" alt="">
						<div class="ban flex justify-between align-center padding2">
							<span class="font18">邓才志</span>
							<span>学而思爱智康化学教师</span>
						</div>
						<div class="listadd imagesize flex justify-center flex-wrap">
							<h2 style="width:100%;">邓才志</h2>
							<span>学而思爱智康化学教师</span>
							<div class="hr marginauto" style="margin-top:20px;"></div>
							<div class="hr1 marginauto font18 flex justify-center align-center">1V1与老师交流</div>
						</div>
					</li>
					<li class="wihe flex flex-wrap justify-center align-center">
						<img src="img/pic_04.jpg" class="imagesize" alt="">
						<div class="ban flex justify-between align-center padding2">
							<span class="font18">代柱堂</span>
							<span>学而思爱智康英语教师</span>
						</div>
						<div class="listadd imagesize flex justify-center flex-wrap">
							<h2 style="width:100%;">代柱堂</h2>
							<span>学而思爱智康英语教师</span>
							<div class="hr marginauto" style="margin-top:20px;"></div>
							<div class="hr1 marginauto font18 flex justify-center align-center">1V1与老师交流</div>
						</div>
					</li>
				</ul>
			</div>
		</div>

		<!-- 第六部分 -->
		<div class="container-fluid padding0">
			<div class="container text-center padding0" style="position:relative;">
				<h1>个性化定制服务 专属学习体验</h1>
				<h3 class="botred"></h3>
				<img src="img/girl.png" style="margin-top:50px;">
				<div class="absolute ding flex justify-between" style="top:280px;left:200px;">
					<h3>学员分析</h3>
					<img src="img/icon_04.png">
				</div>
				<div class="absolute ding flex justify-between" style="top:280px;left:800px;">
					<img src="img/icon_04.png">
					<h3>师资匹配</h3>
				</div>
				<div class="absolute ding flex justify-between" style="top:450px;left:150px;">
					<h3>目标定制</h3>
					<img src="img/icon_06.png">
				</div>
				<div class="absolute ding flex justify-between" style="top:450px;left:850px;">
					<img src="img/icon_04.png">
					<h3>专属服务</h3>
				</div>
				<div class="absolute ding flex justify-between" style="top:620px;left:200px;">
					<h3>方案制定</h3>
					<img src="img/icon_04.png">
				</div>
				<div class="absolute ding flex justify-between" style="top:620px;left:800px;">
					<img src="img/icon_04.png">
					<h3>成长规划</h3>
				</div>
			</div>
		</div>

		<!-- 2.轮播 -->
		<div class="container-fluid padding0" style="background:#eee;">
			<div class="container  text-center padding0">
				<h1>好未来大事记</h1>
				<h3 class="botred"></h3>
				<div class="overflow marginauto relative" style="width:1200px;height:250px;margin-top:40px;">
					<div class="height100 marginauto overflow width1000">
						<ul class="white height100" style="width: 2900px;">
							<li class="height100 col-md-1 border1 flex flex-wrap justify-center" style="padding: 0px;">
								<img src="img/1.jpg" width="100%" height="150px"/>
								<p class="padding1">英国首相特雷莎·梅访华教育“打头阵” ，好未来开拓国际战略新局面</p>
							</li>
							<li class="height100 col-md-1 border1 listpad flex flex-wrap justify-center" >
								<img src="img/2.jpg" width="100%" height="150px"/>
								<p class="padding1">好未来与牛津大学达成战略合作，引入英语学习“牛津方案”</p>
							</li>
							<li class="height100 col-md-1 border1 listpad flex flex-wrap justify-center" >
								<img src="img/3.jpg" width="100%" height="150px"/>
								<p class="padding1">好未来国际战略推动教育创新，ASU+GSV凝聚中国教育“新力量” </p>
							</li>
							<li class="height100 col-md-1 border1 listpad flex flex-wrap justify-center" >
								<img src="img/4.jpg" width="100%" height="150px"/>
								<p class="padding1">好未来聘诺贝尔奖得主卡尔·威曼为高级教研员，来京参与在线实验课程研发</p>
							</li>
							<li class="height100 col-md-1 border1 listpad flex flex-wrap justify-center" >
								<img src="img/5.jpg" width="100%" height="150px"/>
								<p class="padding1">好未来亮相博鳌亚洲论坛，宣布推出在线英语品牌VIPX</p>
							</li>
							<li class="height100 col-md-1 border1 listpad flex flex-wrap justify-center" >
								<img src="img/6.jpg" width="100%" height="150px"/>
								<p class="padding1">好未来学而思爱智康发布“i进步”个性化学习系统，教育进入“因脑施教”时代</p>
							</li>
							<li class="height100 col-md-1 border1 listpad flex flex-wrap justify-center" >
								<img src="img/7.jpg" width="100%" height="150px"/>
								<p class="padding1">好未来携手英国DK出版社，推动优质阅读助力培养孩子“六大能力”</p>
							</li>
							<li class="height100 col-md-1 border1 listpad flex flex-wrap justify-center">
								<img src="img/8.jpg" width="100%" height="150px"/>
								<p class="padding1">好未来、清华大学成立联合研究中心，以“AI+教育”共建智慧课堂</p>
							</li>
							<!--加-->
							<li class="height100 col-md-1 border1 flex flex-wrap justify-center listpad">
								<img src="img/1.jpg" width="100%" height="150px"/>
								<p class="padding1">英国首相特雷莎·梅访华教育“打头阵” ，好未来开拓国际战略新局面</p>
							</li>
							<li class="height100 col-md-1 border1 listpad flex flex-wrap justify-center" >
								<img src="img/2.jpg" width="100%" height="150px"/>
								<p class="padding1">好未来与牛津大学达成战略合作，引入英语学习“牛津方案”</p>
							</li>
							<li class="height100 col-md-1 border1 listpad flex flex-wrap justify-center" >
								<img src="img/3.jpg" width="100%" height="150px"/>
								<p class="padding1">好未来国际战略推动教育创新，ASU+GSV凝聚中国教育“新力量” </p>
							</li>
							<li class="height100 col-md-1 border1 listpad flex flex-wrap justify-center" >
								<img src="img/4.jpg" width="100%" height="150px"/>
								<p class="padding1">好未来聘诺贝尔奖得主卡尔·威曼为高级教研员，来京参与在线实验课程研发</p>
							</li>
						</ul>
						
					</div>
					<div class="left absolute click cursor" style="top: calc(50% - 40px);left: 15px;">
							
					</div>
					<div class="right absolute click cursor" style="top: calc(50% - 40px);right: 15px;"></div>
				</div>
			</div>
			<div class="container text-center">
				<h1>学而思爱智康学习中心</h1>
				<h3 class="botred"></h3>
				<h4 class="padding1">就近学习中心，为全国小初高学子提供专业服务</h4>
				<div class="flex justify-between" style="width: 100%;height:340px;">
					<div class="col-md-3">
						<ul class="izk-city-nav flex flex-wrap">

						</ul>

					</div>
					<div class="col-md-9 overflow" style="border: 1px solid #ccc;">
						<ul class="list_nav flex">

						</ul>
						<ul class="list_bd flex overflow">

						</ul>

					</div>
				</div>
			</div>
		</div>
		<!--底部-->
		<div class="container-fluid" style="background-color: #3F3F3F;border-bottom: 1px solid #E0E0E0;height: 60px;">
			<div class="container flex align-center justify-center" style="height: 60px;">
				<h5 style="color: #E0E0E0;">微信号：sxxzs01sxxzs02</h5>
			</div>
		</div>
		<div class="container-fluid" style="background-color: #3F3F3F;border-bottom: 1px solid #E0E0E0;height: 120px;">
			<div class="container flex flex-wrap align-center justify-center height100">
				<h5 class="width1200 text-center" style="color: #E0E0E0;">Copyright 2005-2018 www.jiajiaoban.cn. All Rights Reserved. 京ICP备09042963号-16 京公网安备:110108007120号-4</h5>
				<h5 class="width1200 text-center" style="color: #E0E0E0;">联系电话：4008-118-116 北京学而思网络科技有限公司</h5>
			</div>
		</div>

		<script src="js/layui/layui.js"></script>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="css/swiper-4.4.2/dist/js/swiper.js"></script>
		<script>
			$(function() {
				$.main.init()
				var vm = new Vue({
				el: '.box',
				data: {
					arr: ['首页', '小学辅导', '初中辅导', '高中辅导', '课程体系', '教师团队', '咨询价格']
				}

			})
				
			})
		</script>
	</body>

</html>